<template>
  <van-tabbar v-model="active" route active-color="#42b983"	>
    <van-tabbar-item icon="home-o" to="/index">首页</van-tabbar-item>
    <van-tabbar-item icon="search">分类</van-tabbar-item>
    <van-tabbar-item icon="friends-o" to="/basket">购物车</van-tabbar-item>
    <van-tabbar-item icon="setting-o" to="/login">我的</van-tabbar-item>
  </van-tabbar>
</template>

<script>

export default {
  name: "AppTabBar",
  data() {
    return {
      active:0,

    }
  },
  component:{
  },
  methods:{
    productlist(){
      this.$router.push({name:"index"})
    },
    producttype(){

    },
    find(){

    },
    mine(){
      this.$router.push({name:"login"})
    }

  }


}

</script>

<style lang="less" scoped>
 van-tabbar{

 }

</style>